<template>
	<view class="main">
		<view>官网</view>
		<view>https://uniapp.dcloud.io/</view> 
		<view>图标</view>
		<view> https://codepen.io/saeedalipoor/pen/fgiwK</view>
		<view> https://saeedalipoor.github.io/icono/ </view> 
	    <view class="">
			              <i class="icono-caretRight"/>
			   			  <i class="icono-caretLeft"/>
			   			  <i class="icono-caretUp"/>
			   			  <i class="icono-caretDown"/> 
			   	    	  <i class="icono-home"/>
			   	    	  <i class="icono-mail"/>
			   	    	  <i class="icono-rss"/>
			   	    	  <i class="icono-hamburger"/>
			   	    	  <i class="icono-plus"/>
			   	    	  <i class="icono-cross"/>
			   	    	  <i class="icono-check"/>
			   	    	  <i class="icono-power"/>
			   	    	  <i class="icono-heart"/>
			   	    	  <i class="icono-flag"/>
			   	    	  <i class="icono-share"/>
			   	    	  <i class="icono-pin"/>
			   	    	  <i class="icono-locationArrow"/>
			   	    	  <i class="icono-asterisk"/>
			   	    	  <i class="icono-image"/>
			   	    	  <i class="icono-video"/>
			   	    	  <i class="icono-music"/>
			   	    	  <i class="icono-document"/>
			   	    	  <i class="icono-file"/>
			   	    	  <i class="icono-folder"/>
			   	    	  <i class="icono-smile"/>
			   	    	  <i class="icono-frown"/>
			   	    	  <i class="icono-meh"/>
			   	    	  <i class="icono-user"/>
			   	    	  <i class="icono-eye"/>
			   	    	  <i class="icono-sliders"/>
			   	    	  <i class="icono-infinity"/>
			   	    	  <i class="icono-sync"/>
			   	    	  <i class="icono-sync spin"/>
			   	    	  <i class="icono-reset"/>
			   	    	  <i class="icono-reset spin"/>
			   	    	  <i class="icono-gear"/>
			   	    	  <i class="icono-gear spin"/>
			   	    	  <i class="icono-signIn"/>
			   	    	  <i class="icono-signOut"/>
			   	    	  <i class="icono-book"/>
			   	    	  <i class="icono-support"/>
			   	    	  <i class="icono-dropper"/>
			   	    	  <i class="icono-chain"/>
			   	    	  <i class="icono-paperClip"/>
			   	    	  <i class="icono-search"/>
			   	    	  <i class="icono-rename"/>
			   	    	  <i class="icono-crop"/>
			   	    	  <i class="icono-trash"/>
			   	    	  <i class="icono-keyboard"/>
			   	    	  <i class="icono-mouse"/>
			   	    	  <i class="icono-headphone"/>
			   	    	  <i class="icono-microphone"/>
			   	    	  <i class="icono-display"/>
			   	    	  <i class="icono-imac"/>
			   	    	  <i class="icono-iphone"/>
			   	    	  <i class="icono-macbook"/>
			   	    	  <i class="icono-imacBold"/>
			   	    	  <i class="icono-iphoneBold"/>
			   	    	  <i class="icono-macbookBold"/>
			   	    	  <i class="icono-nexus"/>
			   	    	  <i class="icono-terminal"/>
			   	    	  <i class="icono-youtube"/>
			   	    	  <i class="icono-market"/>
			   	    	  <i class="icono-clock"/>
			   	    	  <i class="icono-tiles"/>
			   	    	  <i class="icono-list"/>
			   	    	  <i class="icono-forbidden"/>
			   	    	  <i class="icono-plusCircle"/>
			   	    	  <i class="icono-crossCircle"/>
			   	    	  <i class="icono-checkCircle"/>
			   	    	  <i class="icono-exclamationCircle"/>
			   	    	  <i class="icono-exclamation"/>
			   	    	  <i class="icono-textAlignRight"/>
			   	    	  <i class="icono-textAlignCenter"/>
			   	    	  <i class="icono-textAlignLeft"/>
			   	    	  <i class="icono-indent"/>
			   	    	  <i class="icono-outdent"/>
			   	    	  <i class="icono-comment"/>
			   	    	  <i class="icono-commentEmpty"/>
			   	    	  <i class="icono-areaChart"/>
			   	    	  <i class="icono-pieChart"/>
			   	    	  <i class="icono-barChart"/>
			   	    	  <i class="icono-bookmark"/>
			   	    	  <i class="icono-bookmarkEmpty"/>
			   	    	  <i class="icono-filter"/>
			   	    	  <i class="icono-volume"/>
			   	    	  <i class="icono-volumeLow"/>
			   	    	  <i class="icono-volumeMedium"/>
			   	    	  <i class="icono-volumeHigh"/>
			   	    	  <i class="icono-volumeDecrease"/>
			   	    	  <i class="icono-volumeIncrease"/>
			   	    	  <i class="icono-volumeMute"/>
			   	    	  <i class="icono-tag"/>
			   	    	  <i class="icono-calendar"/>
			   	    	  <i class="icono-camera"/>
			   	    	  <i class="icono-piano"/>
			   	    	  <i class="icono-ruler"/>
			   	    	  <i class="icono-cup"/>
			   	    	  <i class="icono-creditCard"/>
			   	    	  <i class="icono-facebook"/>
			   	    	  <i class="icono-twitter"/>
			   	    	  <i class="icono-instagram"/>
			   	    	  <i class="icono-linkedIn"/>
			   	    	  <i class="icono-flickr"/>
			   	    	  <i class="icono-delicious"/>
			   	    	  <i class="icono-codepen"/>
			   	    	  <i class="icono-blogger"/>
	    </view>
	</view>
	
</template>
 <script>
   export default {
            data() {
                return {
                    "userName":"foo"
                }
            }
     }
 </script>
<style> 
.main{
	padding: 10px;
}
.allCss{
	/*大小*/
	width: 100px;
	height: 100px;
	/*布局*/
	
	/*文字*/
	color: #007AFF;
	font-size: 24px; 
	font-weight: 400;
	/*边框*/
	border: 1px solid #007AFF;
	border-radius: 8px;
	/*阴影*/
	box-shadow: #00B26A;
	/*背景*/
	background-color: #00B26A;
	/*背景图片*/
	
}
</style>

